<div class="oa-curtain-header">
    <span class="oa-curtain-title">
        {{if viewType == 1}}
            {{'APPROVAL_SEARCH' | i18n}} - <span>{{'APPROVAL_MY_SUBMIT' | i18n}}</span>
        {{else if viewType == 2}}
            {{'APPROVAL_SEARCH' | i18n}} - <span>{{'APPROVAL_SUBMIT_ME' | i18n}}</span>
        {{else if viewType == 3}}
            {{'APPROVAL_SEARCH' | i18n}} - <span>{{'APPROVAL_ALL' | i18n}}</span>
        {{/if}}
    </span>
    <a act="closeApprovalSearchCurtain" class="oa-curtain-close" href="javascript:;">{{'APPROVAL_CLOSE' | i18n}}</a>
</div>
<div class="oa-curtain-body">
    <table class="oa-search-table">
        <tbody>
        {{if viewType == 2}}
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_TYPE' | i18n}}</span>
            </td>
            <td>
                <div _id="approvalStatusCheck" class="ui-check-buttonset">
                    <span><input type="checkbox" name="status" id="approvalCheck11" class="daily-type" value="-1"/><label for="approvalCheck11">{{'APPROVAL_RESULT_WAIT' | i18n}}</label></span>
                    <span><input type="checkbox" name="status" id="approvalCheck22" class="daily-type" value="1"/><label for="approvalCheck22">{{'APPROVAL_I_AGREE' | i18n}}</label></span>
                    <span><input type="checkbox" name="status" id="approvalCheck33" class="daily-type" value="0"/><label for="approvalCheck33">{{'APPROVAL_I_REJECT' | i18n}}</label></span>
                </div>
            </td>
        </tr>
        {{else}}
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_STATUS' | i18n}}</span>
            </td>
            <td>
                <div _id="approvalStatusCheck" class="ui-check-buttonset">
                    <span><input type="checkbox" name="status" id="approvalCheck1" class="daily-type" value="1"/><label for="approvalCheck1">{{'APPROVAL_STATUS_WAIT' | i18n}}</label></span>
                    <span><input type="checkbox" name="status" id="approvalCheck2" class="daily-type" value="2"/><label for="approvalCheck2">{{'APPROVAL_STATUS_END' | i18n}}</label></span>
                    <span><input type="checkbox" name="status" id="approvalCheck3" class="daily-type" value="3"/><label for="approvalCheck3">{{'APPROVAL_STATUS_PASS' | i18n}}</label></span>
                </div>
            </td>
        </tr>
        {{/if}}
        <tr style="vertical-align: top;">
            <td>
                <span class="search-table-title">{{'APPROVAL_SUBMIT_DATE' | i18n}}</span>
            </td>
            <td>
                <div _id="approvalDateRadio" class="ui-radio-buttonset">
                    <span><input id="approvalRadio1" dateType="week" type="radio" name="applyDateType" class="daily-date" /><label for="approvalRadio1">{{'APPROVAL_WEEK' | i18n}}</label></span>
                    <span><input id="approvalRadio2" dateType="lastWeek" type="radio" name="applyDateType" class="daily-date" /><label for="approvalRadio2">{{'APPROVAL_LAST_WEEK' | i18n}}</label></span>
                    <span><input id="approvalRadio3" dateType="month" type="radio" name="applyDateType" class="daily-date" /><label for="approvalRadio3">{{'APPROVAL_MONTH' | i18n}}</label></span>
                    <span><input id="approvalRadio4" dateType="lastMonth" type="radio" name="applyDateType" class="daily-date" /><label for="approvalRadio4">{{'APPROVAL_LAST_MONTH' | i18n}}</label></span>
                    <span><input id="approvalRadio5" dateType="other" type="radio" name="applyDateType" class="daily-date" /><label for="approvalRadio5">{{'APPROVAL_DATA_DIY' | i18n}}</label></span>
                </div>
                <input type="hidden" _id="applyDateTypeH"/>
            </td>
        </tr>
        <tr class="user_defined" _id="date_defined" style="display:none;">
            <td></td>
            <td>
                <input _id="searchStartDate" class="start-date" type="text" title="{{'APPROVAL_DATE' | i18n}}" />
                <span>{{'APPROVAL_TO' | i18n}}</span>
                <input _id="searchEndDate" class="end-date" type="text" title="{{'APPROVAL_DATE' | i18n}}" />
            </td>
        </tr>
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_FLOW_CATEGORY' | i18n}}</span>
            </td>
            <td>
                <span class="ui-select-buttonset">
                    <select _id="flowCategoryId">
                        <option value="">{{'APPROVAL_ALL_CATEGORY' | i18n}}</option>
                    </select>
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_THEME' | i18n}}</span>
            </td>
            <td>
                <input _id="title" class="odd-number" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_ODD_NUMBER' | i18n}}</span>
            </td>
            <td>
                <input _id="oddNumber" class="odd-number" type="text"/>
            </td>
        </tr>
        {{if viewType == 3}}
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_SELECT_DEPARTMENT' | i18n}}</span>
            </td>
            <td style="height: auto">
                <input id="departSelect" type="text"/>
            </td>
        </tr>
        {{/if}}
        {{if viewType != 1}}
        <tr>
            <td>
                <span class="search-table-title">{{'APPROVAL_SUBMITTER' | i18n}}</span>
            </td>
            <td>
                <span class="submit-people">
                    <input type="text" _id="approvalUser"/>
                </span>
            </td>
        </tr>
        {{/if}}
        <tr>
            <td style="height:5px;"></td>
            <td style="height:5px;"></td>
        </tr>
        <tr>
            <td colspan="2">
                <a viewType="{{viewType}}" class="pg-btn-blue" href="javascript:void(0);">{{'APPROVAL_SEARCH' | i18n}}</a>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="oa-accordion-content oa-search-content clear">
        <div class="oa-tab-header clear" style="display: none;">
            <a act="closeApprovalSearchCurtain" href="javascript:void(0);">{{'APPROVAL_BACK_LIST' | i18n}}</a>
            &nbsp;&nbsp;&gt;&nbsp;&nbsp;
            <span>
                {{'APPROVAL_SEARCH_COUNT' | i18n}}&nbsp;<span _id="searchCountSpan" class="number"></span>&nbsp;{{'APPROVAL_DATA_COUNT' | i18n}}
            </span>
        </div>
        <div class="oa-tab-body clear">
                <div _id="search-approval-list" 
                {{if viewType == 1}}
                    class="oa-according-list report-list-area daily-paper-list my-daily-paper clear"
                {{else}}
                    class="oa-list report-list-area daily-paper-list clear"
                {{/if}}
                ></div>
                <div class="approval-list-pagination"></div>
        </div>
    </div>
</div>